<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="style.css">
	<script>
		(function(){
    		var ua = navigator.userAgent.toLocaleLowerCase();
    		if(ua.indexOf('hm') > -1) {
    			document.write('<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">');
    		} else {
    			document.write('<meta name="viewport" content="initial-scale='+1/devicePixelRatio +', maximum-scale='+1/devicePixelRatio +', minimum-scale='+1/devicePixelRatio +', user-scalable=no">');
    		}
            document.getElementsByTagName('html')[0].className = 'devicePixelRatio-' + devicePixelRatio;
    	})();
	</script>
	<title>我爱签到</title>
</head>
<body ms-controller="main">
	<section class="wrap" ms-if="!passportShow">
		<div class="oit"></div>
		<ms:date config="dateConfig"></ms:date>
		<div class="page-controller">
			<span class="w3" ms-on-tap="gotoToday">今天</span>
			<span class="w4" ms-if="btnText" ms-on-tap="gotodk">
				<i ms-text="btnText"></i>
			</span>
			<span class="w3" ms-on-tap="showMenu">菜单</span>
		</div>
	
		<aside class="menu animatedLong" ms-visible="menuShowMark"  ms-effect="menuShowHide">
			<div class="menuBg" ms-on-tap="hideMenu"></div>
			<div class="menuList">
				<div class="item">夏刚</div>
				<div class="item">切换用户</div>
				<div class="item">切换link</div>
			</div>

		</aside>
	</section>
	
	<textarea name="" id="tp" cols="30" rows="10" style="display: none">
		<div class="date-title">
			<span class="year" ms-text="currentDate.year + '年'"></span>
			<span class="month" ms-text="currentDate.month + '月'"></span>
		</div>
		<div class="date-week">
			<span class="week" ms-repeat="weekTexts" ms-text="el" ms-css-width="16 / 7 + 'rem'"></span>
		</div>
		<ul class="date-days" ms-css-height="bodyHeight" ms-on-swipeleft="prevMonth" ms-on-swiperight="nextMonth">
			<li ms-repeat="daysArray" ms-css-width="16 / 7 + 'rem'" ms-css-height="ovHeight" ms-css-line-height="16 / 7 + 'rem'" ms-class-1="hasDay:el.day" ms-class-2="today:el.today">
				<span class="text" ms-text="el.day"></span>
				<span class="bg" ms-if="el.today" ms-css-height="16 / 7 + 'rem'"></span>
				<span class="workStart" ms-if="el.start"></span>
				<span class="workEnd" ms-if="el.end"></span>
			</li>
		</ul>
			
	</textarea>

	<aside class="passport-page" ms-if="passportShow">
		<div class="passpordMessage" ms-if="pMessageShow" ms-text="pMessage"></div>
		<div class="bg"></div>
		<div class="inside">
			<div class="logo"></div>
			<form action="javascript:;" ms-on-submit="loginModel.submit" ms-if="passpordpage==='login'">
				<h2>生活就是习惯就好，欢迎登录</h2>
				<div class="feld">
					<input type="text" name="username" placeholder="请输入邮箱地址" class="bstart" ms-duplex="loginModel.username">
				</div>
				<div class="feld">
					<input type="password" name="password" placeholder="请输入密码" class="bend" ms-duplex="loginModel.password">
				</div>
				<div class="feld">
					<input type="submit" class="submit-btn" value="登录">
				</div>
				<div class="feld note">
					<a href="javascript:;" ms-on-tap="changeLoginPage('regist')">第一次来，去注册一个？</a>
				</div>
			</form>
			<form action="javascript:;" ms-if="passpordpage==='regist'" ms-on-submit="registModel.submit">
				<h2>爱生活就不要去习惯，欢迎注册</h2>
				<div class="feld">
					<input type="text" name="username" ms-duplex="registModel.username" placeholder="请输入用户名" class="bstart">
				</div>
				<div class="feld">
					<input type="text" name="uuid" ms-duplex="registModel.uuid" placeholder="请输入uuid(用于签到)">
				</div>
				<div class="feld">
					<input type="password" name="password" ms-duplex="registModel.password" placeholder="请输入密码">
				</div>
				<div class="feld">
					<input type="password" name="repassword" ms-duplex="registModel.repassword" placeholder="请输入密码" class="bend">
				</div>
				<div class="feld">
					<input type="submit" class="submit-btn" value="登录">
				</div>
				<div class="feld note">
					<a href="javascript:;" ms-on-tap="changeLoginPage('login')">已有帐号，去登录？</a>
				</div>
			</form>
		</div>
	</aside>
	<script src="sha1.js"></script>
	<script src="zepto.min.js"></script>
	<script src="avalon.mobile.min.js"></script>
	<script src="date.js"></script>
	<script src="page.js"></script>
</body>
</html>